@charset "utf-8";
/* CSS Document */
@media screen and (max-width:1280px) {

	.width_all{ max-width:980px;}
	
	.head_top .logo{ width:200px; margin:34px auto;}
	.nav li a{ padding:0 6px;}
	.nav li:nth-child(1) a{ padding:0 22px;}
	
	.news_left{ width:39.8%;}
	.news_right{ width:56%;}
	.news_right ul li a{ line-height:46px; height:46px;}
	
	.footer_left{ width:72%;}
	.footer_left dl{ width:12%;}
	.footer_left dl:nth-child(2){ width:18%;}
	.footer_right{ width:25%;}
	
	.ny_c_name{ width:68%; margin:0 auto 2% auto;}

}

@media screen and (max-width:1000px) {

	.width_all{ width:92%;}
	
	#navToggle{ height:auto; padding:9px; margin:16px 6px 0 0; display:block;}
	#navToggle span{ position:relative; width:25px; height:1px; margin-top:19px;}
	#navToggle span:before,#navToggle span:after{ content:''; position:relative; width:100%; height:1px; left:0;}
	#navToggle span,#navToggle span:before,#navToggle span:after{ -webkit-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s; transition:0.3s; display:block; background:#fff;}
	#navToggle span:before{ top:8px;}
	#navToggle span:after{ bottom:10px;}
	#navToggle.open span:before{ top:10px; -webkit-transform:translateY(-11px) rotate(-45deg); -moz-transform:translateY(-11px) rotate(-45deg); -ms-transform:translateY(-11px) rotate(-45deg); -o-transform:translateY(-11px) rotate(-45deg); transform:translateY(-11px) rotate(-45deg);}
	#navToggle.open span:after{ bottom:12px; -webkit-transform:translateY(10px) rotate(45deg); -moz-transform:translateY(10px) rotate(45deg); -ms-transform:translateY(10px) rotate(45deg); -o-transform:translateY(10px) rotate(45deg); transform:translateY(10px) rotate(45deg);}
	#navToggle.open span{ background:none;}
	#navToggle.open span:before,#navToggle.open span:after{ background:#fff;}
	.nav{ display:none;}
	
	.banner_pc{ display:none;}
	.banner_sj{ display:block}
	
	.solution_width .pre{ left:-28px;}
	.solution_width .next{ right:-28px;}
	
	.about_left{ float:none; width:100%; margin:0 0 28px 0;}
	.about_right{ float:none; width:100%;}
	
	.news_left{ float:none; width:100%; margin:0 0 28px 0;}
	.news_right{ float:none; width:100%;}
	
	.footer_left{ display:none;}
	.footer_right{ float:none; width:100%;}
	.footer_erweima{ width:48%;}
	
	.ny_banner{ min-height:88px;}
	.ny_n_kuang{ position:inherit; bottom:0; left:0;}
	.ny_c_name{ display:none;}
	.ny_nav{ margin:98px auto 10px auto; background:linear-gradient(to right, rgba(0,0,0,.00001),rgba(0,0,0,.5),rgba(255,255,255,.00001));}
	.ny_nav ul li a{ padding:10px 18px;}
	.ny_nav ul li a:before{ display:none;}
	
	.shijian dl i:after{ width:4%;}
    .shijian dl dt div{ width:15%;}
    .shijian dl dt p{ width:85%;}
	
    /*.ny_news dl dd{ float:none; width:100%; margin:0 0 18px 0;}
    .ny_news dl dt{ float:none; width:100%;}*/
    
    .news_show{ float:none; width:100%; margin:0 0 28px 0;}
    .news_biaoqian{ float:none; width:100%;}
    
    .join_us dl{ padding:18px 0;}
    .join_us dl dt:before{ display:none;}
    .join_us dl dt em{ font-size:14px;}

}

@media screen and (max-width:640px) {

	.head_top .logo{ width:160px; margin:18px auto;}
	.head_top .logo a{ line-height:16px; height:16px; display:block;}
	.top_r_ss{ margin:12px 0; padding:0 10px 0 0;}
	.top_r_ss:hover .ss_xl{ width:236px;}
	.head_top .cnen{ margin:15px 0 15px 10px;}
	#navToggle{ padding:9px; margin:-2px 0 0 0;}
	
	.flex-control-nav{ bottom:-6px;}
	.flex-control-nav li{ margin:0 3px;}
	.flex-control-paging li a{ width:20px; height:2px;}
	
	.new_product{ margin:42px auto 0 auto;}
	.new_p_name{ float:none; overflow:hidden;}
	.new_p_name span{ line-height:20px; margin:6px 0 0 0;}
	.new_p_more{ float:none;}
	.n_product{ margin:20px auto;}
	.n_product li{ float:none; width:100%;}
	
	.solution{ padding:42px 0;}
	.solution_name{ float:none; overflow:hidden;}
	.solution_name span{ line-height:20px; margin:6px 0 0 0;}
	.solution_more{ float:none;}
	.solution_w_id ul li{ width:12.5%; margin:0;}
	.solution_width .pre{ left:-14px;}
	.solution_width .next{ right:-14px;}
	
	.about_us{ margin:42px auto;}
	.about_left .about_profiles{ margin:16px 0 22px 0;}
	
	.news{ padding:36px 0;}
	.news_w{ margin:20px auto 0 auto;}
	.news_left{ margin:0 0 20px 0;}
	.news_right ul li{ float:none; width:100%; margin:0;}
	
	.yl_link{ margin:42px auto 20px auto;}
	.links{ margin:20px auto 42px auto;}
	
	.footer_erweima{ width:70%;}
	
	.ny_banner{ min-height:52px;}
	.ny_nav{ margin:62px auto 10px auto;}
	.ny_nav{ text-align:left;}
	.ny_nav ul li{ width:50%; text-align:center;}
	.ny_nav ul li a{ padding:10px 0;}
    .ny_nav ul li:after{ position:absolute; left:0; bottom:0; width:100%; height:1px; content:""; background:rgba(255,255,255,.35);}
    .ny_nav ul li:nth-child(2n):before{ display:none;}
    
    .ny_p_nav ul li{ width:48%; margin:0 4% 4% 0;}
    .ny_p_nav ul li:nth-child(2n){ margin:0 0 4% 0;}
    .ny_p_nav ul li a{ line-height:39px; padding:0; text-align:center;}
    .ny_p_nav ul li a:before{ position:absolute; bottom:0; left:0; width:100%; height:3px; content:""; background:#eee;}
    
    .shijian dl dt div{ float:none; width:100%;}
    .shijian dl dt p{ float:none; width:100%;}
	
	.products li{ width:48%; margin:0 4% 4% 0;}
    .products li:nth-child(2n){ margin:0 0 4% 0;}
    
    .products_text{ float:none; width:100%; margin:0 0 26px 0;}
    .product_right{ float:none; width:100%;}
    
    .products_xg{ float:none; width:100%;}
    .products_sming{ float:none; width:100%; margin:0 0 36px 0;}
    
    .application ul li{ width:48%; margin:10px 4% 8% 0;}
    .application ul li:nth-child(2n){ margin:10px 0 8% 0;}
    .application ul li:nth-child(3n){ margin:10px 4% 8% 0;}
    .application ul li:nth-child(6n){ margin:10px 0 8% 0;}
    
    .service ul li{ width:48%; margin:0 4% 4% 0;}
    .service li:nth-child(2n){ margin:0 0 4% 0;}
    
    /*.ny_news .item-box{ float:none; width:100%; margin:0 0 2% 0;}*/
    .ny_news ul li{ float:none; width:100%; margin:0 0 4% 0;}
    .ny_news ul li:nth-child(3n){ margin:0 0 4% 0;}
    
    .contact_us .contact{ float:none; width:100%;}
    .contact_us .contact dl{ width:92%; float:none; overflow:hidden;}
    .contact_us .contact dl:before{ display:none;}
    .contact_us .contact dl:last-child:after{ display:block;}
    .contact_us .contact dl:nth-child(3):after{ display:block;}
    .contact_us .contact_erweima{ float:none; width:100%;}

}